<template>
  <div id="base" class="">

    <!-- Unnamed (背景) -->

    <!-- Unnamed (图像) -->
    <div id="u1" class="ax_default image">
      <img id="u1_img" class="img " src="../assets/images/登录/u1.png"/>
      <!-- Unnamed () -->
      <div id="u2" class="text" style="display:none; visibility: hidden">
        <p><span></span></p>
      </div>
    </div>

    <!-- Unnamed (矩形) -->
    <div id="u3" class="ax_default box_2">
      <div id="u3_div" class=""></div>
      <!-- Unnamed () -->
      <div id="u4" class="text" style="display:none; visibility: hidden">
        <p><span></span></p>
      </div>
    </div>

    <!-- Unnamed (组合) -->
    <div id="u5" class="ax_default" data-left="667" data-top="73" data-width="395" data-height="86">

      <!-- Unnamed (矩形) -->
      <div id="u6" class="ax_default label">
        <div id="u6_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u7" class="text">
          <p><span>Acho 开源社区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u8" class="ax_default _文本">
        <div id="u8_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u9" class="text">
          <p><span>Open Soure Community</span></p>
        </div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u10" class="ax_default image">
        <img id="u10_img" class="img " src="../assets/images/登录/u10.png"/>
        <!-- Unnamed () -->
        <div id="u11" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>

    <!-- Unnamed (组合) -->
    <div id="u12" class="ax_default" data-left="567" data-top="175" data-width="470" data-height="364">

      <!-- 登陆背景 (矩形) -->
      <div id="u13" class="ax_default sticky_1" data-label="登陆背景">
        <div id="u13_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u14" class="text" style="display:none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>

      <!-- 登录Rose (组合) -->
      <div id="u15" class="ax_default" data-label="登录Rose" data-left="604" data-top="204" data-width="186" data-height="30">

        <!-- 登录竖直线 (垂直线) -->
        <div id="u16" class="ax_default line" data-label="登录竖直线">
          <img id="u16_img" class="img " src="../assets/images/登录/登录竖直线_u16.png"/>
          <!-- Unnamed () -->
          <div id="u17" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 登录Rose在线情缘 (矩形) -->
        <div id="u18" class="ax_default _文本" data-label="登录Rose在线情缘">
          <div id="u18_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u19" class="text">
            <p><span>系统登录</span></p>
          </div>
        </div>
      </div>

      <!-- 立即登陆 (矩形) -->
      <div id="u20" class="ax_default primary_button" data-label="立即登陆">
        <div id="u20_div" class=""></div>
        <!-- Unnamed () -->
        <div id="u21" class="text">
          <p><span>立即登录</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u22" class="ax_default" data-left="617" data-top="268" data-width="340" data-height="55">

        <!-- Unnamed (矩形) -->
        <div id="u23" class="ax_default box_1">
          <div id="u23_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u24" class="text" style="display:none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- 邮箱 (组合) -->
        <div id="u25" class="ax_default" data-label="邮箱" data-left="637" data-top="275" data-width="304" data-height="42">

          <!-- 用户名 (文本框(单行)) -->
          <div id="u26" class="ax_default text_field" data-label="用户名">
            <input id="u26_input" type="text" value=""/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u27" class="ax_default icon">
            <img id="u27_img" class="img " src="../assets/images/登录/u27.png"/>
            <!-- Unnamed () -->
            <div id="u28" class="text" style="display:none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u29" class="ax_default" data-left="617" data-top="357" data-width="340" data-height="55">

        <!-- Unnamed (组合) -->
        <div id="u30" class="ax_default" data-left="617" data-top="357" data-width="340" data-height="55">

          <!-- Unnamed (矩形) -->
          <div id="u31" class="ax_default box_1">
            <div id="u31_div" class=""></div>
            <!-- Unnamed () -->
            <div id="u32" class="text" style="display:none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- 密码 (组合) -->
          <div id="u33" class="ax_default" data-label="密码" data-left="705" data-top="370" data-width="236" data-height="27">

            <!-- 邮箱文本框 (文本框(单行)) -->
            <div id="u34" class="ax_default text_field" data-label="邮箱文本框">
              <input id="u34_input" type="password" value=""/>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u35" class="ax_default" data-left="641" data-top="362" data-width="28" data-height="36">

          <!-- Unnamed (形状) -->
          <div id="u36" class="ax_default icon">
            <img id="u36_img" class="img " src="../assets/images/登录/u36.png"/>
            <!-- Unnamed () -->
            <div id="u37" class="text" style="display:none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u38" class="ax_default icon">
            <img id="u38_img" class="img " src="../assets/images/登录/u38.png"/>
            <!-- Unnamed () -->
            <div id="u39" class="text" style="display:none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- 分割线 (横线) -->
    <div id="u40" class="ax_default line" data-label="分割线">
      <img id="u40_img" class="img " src="../assets/images/登录/分割线_u40.png"/>
      <!-- Unnamed () -->
      <div id="u41" class="text" style="display:none; visibility: hidden">
        <p><span></span></p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Login"
}


</script>

<style scoped>

body {
  margin:0px;
  background-image:none;
  position:static;
  left:auto;
  width:1589px;
  margin-left:0;
  margin-right:0;
  text-align:left;
}
#base {
  position:absolute;
  z-index:0;
}
#u1_img {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:1611px;
  height:751px;
}
#u1 {
  border-width:0px;
  position:absolute;
  left:-10px;
  top:0px;
  width:1611px;
  height:751px;
}
#u2 {
  border-width:0px;
  position:absolute;
  left:2px;
  top:368px;
  width:1607px;
  visibility:hidden;
  word-wrap:break-word;
}
#u3_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:1619px;
  height:751px;
  background:inherit;
  background-color:rgba(242, 242, 242, 0.349019607843137);
  border:none;
  border-radius:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
#u3 {
  border-width:0px;
  position:absolute;
  left:-15px;
  top:0px;
  width:1619px;
  height:751px;
}
#u4 {
  border-width:0px;
  position:absolute;
  left:2px;
  top:368px;
  width:1615px;
  visibility:hidden;
  word-wrap:break-word;
}
#u5 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  height:0px;
}
#u6_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:153px;
  height:22px;
  background:inherit;
  background-color:rgba(255, 255, 255, 0);
  border:none;
  border-radius:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-size:20px;
  color:#000000;
}
#u6 {
  border-width:0px;
  position:absolute;
  left:760px;
  top:90px;
  width:153px;
  height:22px;
  font-size:20px;
  color:#000000;
}
#u7 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:-20px;
  width:153px;
  word-wrap:break-word;
}
#u8_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:302px;
  height:17px;
  background:inherit;
  background-color:rgba(255, 255, 255, 0);
  border:none;
  border-radius:0px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-size:14px;
  color:#000000;
}
#u8 {
  border-width:0px;
  position:absolute;
  left:760px;
  top:124px;
  width:302px;
  height:17px;
  font-size:14px;
  color:#000000;
}
#u9 {
  border-width:0px;
  position:absolute;
  left:-65px;
  top:-15px;
  width:302px;
  word-wrap:break-word;
}
#u10_img {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:100px;
  height:86px;
}
#u10 {
  border-width:0px;
  position:absolute;
  left:667px;
  top:73px;
  width:100px;
  height:86px;
}
#u11 {
  border-width:0px;
  position:absolute;
  left:2px;
  top:35px;
  width:96px;
  visibility:hidden;
  word-wrap:break-word;
}
#u12 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  height:0px;
}
#u13_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:470px;
  height:364px;
  background:inherit;
  background-color:rgba(255, 255, 255, 1);
  box-sizing:border-box;
  border-width:1px;
  border-style:solid;
  border-color:rgba(121, 121, 121, 1);
  border-radius:5px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
#u13 {
  border-width:0px;
  position:absolute;
  left:567px;
  top:175px;
  width:470px;
  height:364px;
}
#u14 {
  border-width:0px;
  position:absolute;
  left:10px;
  top:10px;
  width:450px;
  visibility:hidden;
  word-wrap:break-word;
}
#u15 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  height:0px;
}
#u16_img {
  border-width:0px;
  position:absolute;
  left:-1px;
  top:-1px;
  width:6px;
  height:33px;
}
#u16 {
  border-width:0px;
  position:absolute;
  left:604px;
  top:204px;
  width:3px;
  height:30px;
}
#u17 {
  border-width:0px;
  position:absolute;
  left:2px;
  top:7px;
  width:1px;
  visibility:hidden;
  word-wrap:break-word;
}
#u18_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:173px;
  height:23px;
  background:inherit;
  background-color:rgba(255, 255, 255, 0);
  border:none;
  border-radius:5px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  font-size:20px;
  color:#FF9933;
}
#u18 {
  border-width:0px;
  position:absolute;
  left:617px;
  top:208px;
  width:173px;
  height:23px;
  font-size:20px;
  color:#FF9933;
}
#u19 {
  border-width:0px;
  position:absolute;
  left:-40px;
  top:-25px;
  width:173px;
  word-wrap:break-word;
}
#u20_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:134px;
  height:39px;
  background:inherit;
  background-color:rgba(22, 155, 213, 1);
  border:none;
  border-radius:5px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
#u20 {
  border-width:0px;
  position:absolute;
  left:735px;
  top:462px;
  width:134px;
  height:39px;
}
#u21 {
  border-width:0px;
  position:absolute;
  left:2px;
  top:-5px;
  width:130px;
  word-wrap:break-word;
}
#u22 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  height:0px;
}
#u23_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:340px;
  height:55px;
  background:inherit;
  background-color:rgba(255, 255, 255, 1);
  box-sizing:border-box;
  border-width:1px;
  border-style:solid;
  border-color:rgba(121, 121, 121, 1);
  border-radius:7px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
#u23 {
  border-width:0px;
  position:absolute;
  left:617px;
  top:268px;
  width:340px;
  height:55px;
}
#u24 {
  border-width:0px;
  position:absolute;
  left:2px;
  top:20px;
  width:336px;
  visibility:hidden;
  word-wrap:break-word;
}
#u25 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  height:0px;
}
#u26 {
  border-width:0px;
  position:absolute;
  left:705px;
  top:279px;
  width:236px;
  height:33px;
}
#u26_input {
  position:absolute;
  left:-15px;
  top:-4px;
  width:236px;
  height:33px;
  font-family:'Arial Normal', 'Arial';
  font-weight:400;
  font-style:normal;
  font-size:17px;
  text-decoration:none;
  color:#000000;
  text-align:left;
  border-color:transparent;
  outline-style:none;
}
#u27_img {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:36px;
  height:42px;
}
#u27 {
  border-width:0px;
  position:absolute;
  left:637px;
  top:275px;
  width:36px;
  height:42px;
  font-size:8px;
  color:#FFFFFF;
}
#u28 {
  border-width:0px;
  position:absolute;
  left:2px;
  top:13px;
  width:32px;
  visibility:hidden;
  word-wrap:break-word;
}
#u29 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  height:0px;
}
#u30 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  height:0px;
}
#u31_div {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:340px;
  height:55px;
  background:inherit;
  background-color:rgba(255, 255, 255, 1);
  box-sizing:border-box;
  border-width:1px;
  border-style:solid;
  border-color:rgba(121, 121, 121, 1);
  border-radius:7px;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
#u31 {
  border-width:0px;
  position:absolute;
  left:617px;
  top:357px;
  width:340px;
  height:55px;
}
#u32 {
  border-width:0px;
  position:absolute;
  left:2px;
  top:20px;
  width:336px;
  visibility:hidden;
  word-wrap:break-word;
}
#u33 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  height:0px;
}
#u34 {
  border-width:0px;
  position:absolute;
  left:705px;
  top:370px;
  width:236px;
  height:27px;
}
#u34_input {
  position:absolute;
  left:-15px;
  top:-4px;
  width:236px;
  height:27px;
  font-family:'Arial Normal', 'Arial';
  font-weight:400;
  font-style:normal;
  font-size:17px;
  text-decoration:none;
  color:#000000;
  text-align:left;
  border-color:transparent;
  outline-style:none;
}
#u35 {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:0px;
  height:0px;
}
#u36_img {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:22px;
  height:26px;
}
#u36 {
  border-width:0px;
  position:absolute;
  left:644px;
  top:369px;
  width:22px;
  height:26px;
  font-size:8px;
  color:#FFFFFF;
}
#u37 {
  border-width:0px;
  position:absolute;
  left:2px;
  top:5px;
  width:18px;
  visibility:hidden;
  word-wrap:break-word;
}
#u38_img {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:28px;
  height:36px;
}
#u38 {
  border-width:0px;
  position:absolute;
  left:641px;
  top:362px;
  width:28px;
  height:36px;
  font-size:8px;
  color:#FFFFFF;
}
#u39 {
  border-width:0px;
  position:absolute;
  left:2px;
  top:10px;
  width:24px;
  visibility:hidden;
  word-wrap:break-word;
}
#u40_img {
  border-width:0px;
  position:absolute;
  left:0px;
  top:0px;
  width:471px;
  height:2px;
}
#u40 {
  border-width:0px;
  position:absolute;
  left:567px;
  top:244px;
  width:470px;
  height:1px;
}
#u41 {
  border-width:0px;
  position:absolute;
  left:2px;
  top:-8px;
  width:466px;
  visibility:hidden;
  word-wrap:break-word;
}

</style>
